<template>
    <div name='kaoshi'>
    <link rel="stylesheet" type="text/css" href="https://s1.kaoshixing.com/static/plugins/bootstrap/css/bootstrap.min.css?v=246e02790957">
    <link rel="stylesheet" type="text/css" href="https://s1.kaoshixing.com/static/plugins/IconFont/css/styles.min.css?v=155b8a0f0957">
    <link rel="stylesheet" type="text/css" href="https://s4.kaoshixing.com/static/plugins/examFont/style.css?v=81fae10fe357">
    <link rel="stylesheet" type="text/css" href="https://s4.kaoshixing.com/static/base/css/base.css?v=ade12bdefa57">
    
    <link rel="stylesheet" type="text/css" href="https://s2.kaoshixing.com/static/exam/css/exam_style.css?v=67df9b815757">


        
<div class="main">
        <div class="header-wrapper">
            <div class="logo-wrapper">
                <a href="#" title="logo" id="companyLogo"><img class="icon-logo logo-ksx" src="https://cdnoss.kaoshixing.com/ksxing_static/logo.png"></a>
            </div>
            <div class="exam-name ellipsis">{{final_exam_list.exam_name}}</div>
            <div class="user ellipsis">
                <i class="icon icon-p_top_user"></i>
                   {{final_exam_list.user_exam.username}}
            </div>
            <a type="button" class="btn btn-default logout" id="logoutBtn" href='/Examadmin_add'>
                <i class="icon icon-a_btn_sign_out btn-icon-left"></i>
                退出
            </a>
        </div>
        <div class="body-wrapper">
            <div class="body paper">
                


        <div class="questions">
            
                <div class="questions-title" id="">考试题(共{{final_exam_list.exam_content}}题，合计{{total}}分)</div>
            

            <div class="questions-content">
                
                                <div class="question-content" id="5dde1a2457aad26ca211cbc4" data-id="5dde1a2457aad26ca211cbc4" data-commit=""  v-for="i in data" :key="i.id">
                                    



<div class="exam-question">
    <span class="question-index ellipsis" >{{i.id}}</span>
       {{i.examination_questions.examination_name}}
</div>

<div class="answers">
        
                    <div class="select single-select a. ">
                        <input type="radio" class="radioOrCheck hidden" data-type="1" id="5dde1a2457aad26ca211cbc41" disabled="" name="keyChk_questions_5dde1a2457aad26ca211cbc4" data-name="key1">
                        <label for="5dde1a2457aad26ca211cbc41">
                            <span class="select-icon"><i class="icon icon-m_exam_correct"></i></span>
                            <span class="words"><span class="words-option"> </span>{{i.examination_questions.examination_a}}</span>
                        </label>
                    </div>
                
                    <div class="select single-select b. ">
                        <input type="radio" class="radioOrCheck hidden" data-type="1" id="5dde1a2457aad26ca211cbc42" disabled="" name="keyChk_questions_5dde1a2457aad26ca211cbc4" data-name="key2">
                        <label for="5dde1a2457aad26ca211cbc42">
                            <span class="select-icon"><i class="icon icon-m_exam_correct"></i></span>
                            <span class="words"><span class="words-option"> </span>{{i.examination_questions.examination_b}} </span>
                        </label>
                    </div>
                
                    <div class="select single-select c. ">
                        <input type="radio" class="radioOrCheck hidden" data-type="1" id="5dde1a2457aad26ca211cbc43" disabled="" name="keyChk_questions_5dde1a2457aad26ca211cbc4" data-name="key3">
                        <label for="5dde1a2457aad26ca211cbc43">
                            <span class="select-icon"><i class="icon icon-m_exam_correct"></i></span>
                            <span class="words"><span class="words-option"></span>{{i.examination_questions.examination_c}} </span>
                        </label>
                    </div>
                
                    <div class="select single-select d. ">
                        <input type="radio" class="radioOrCheck hidden" data-type="1" id="5dde1a2457aad26ca211cbc44" disabled="" name="keyChk_questions_5dde1a2457aad26ca211cbc4" data-name="key4">
                        <label for="5dde1a2457aad26ca211cbc44">
                            <span class="select-icon"><i class="icon icon-m_exam_correct"></i></span>
                            <span class="words"><span class="words-option"></span>{{i.examination_questions.examination_d}} </span>
                        </label>
                    </div>
                

    </div>
    
  

    <div class="analysis">
            <div class="analysis-row">
                <div class="analysis-title">考生答案：</div>
                <div class="analysis-content question-com-answer "></div>
            </div>
        
            <div class="analysis-row">
                <div class="analysis-title">正确答案：</div>
                <div class="analysis-content question-ans-right">{{i.examination_questions.examination_answer}}</div>
            </div>
            <div class="analysis-row">
                <div class="analysis-title">解释说明：</div>
                <div class="analysis-content question-analysis textalign-justify display-block">请仔细阅读交规</div>
            </div>
         </div>
                                </div>             
            </div>
        </div>
            </div>
        </div>
        <div class="nav-wrapper">
            <div class="nav nav-status nav-operation">
                <ul class="menu-items">
                    <li class="menu-item menu-item-time">
                        <div class="item-label">剩余时间</div>
                        <div class="item-data" id="timeDown">00:59:59</div>
                    </li>
                    <li class="menu-item menu-item-process">
                        <div class="item-label">当前进度</div>
                        <div class="item-data">
                            <span id="commitCount">0</span>/<span id="totalCount">0</span>
                        </div>
                        <div class="item-process">
                            <div class="item-process-bar" id="commitProcess"></div>
                        </div>
                    </li>
                    <li class="menu-item menu-item-fontsize">
                        <span class="item-icon fontsize-minus">－</span>
                        <span class="item-label">字号</span>
                        <span class="item-icon fontsize-plus">＋</span>
                    </li>
                    <li class="menu-item menu-item-lang" id="switchLangBtn">
                        <i class="icon item-icon icon-a_landing_english"></i>
                        <span class="item-label">English</span>
                    </li>
                </ul>
            </div>
            <button class="btn btn-primary btn-nav" id="endExamBtn">提交</button>
        </div>
    </div>
    </div>
</template>
<script>
import axios from 'axios'
export default {
    name:'kaoshi',
    data () {
        return {
            data:[],
            final_exam_list:[],
            total:0,
           
        }
    },
    mounted () {
         axios({
                url:this.$api+'/user/all_Test_question/?exam_id='+window.localStorage.getItem('exam_id'),
                method:'get',
            }).then(res=>{
                if(res.data.code==200){
                    this.data=res.data.data
                    this.final_exam_list=res.data.final_exam_list
                    this.total =  res.data.final_exam_list.exam_content*10
                 
                }
            })
    }
}
</script>
